/*
 * This file is part of Avenge <https://adblockplus.org/>,
 * Copyright (C) 2006-present eyeo GmbH
 *
 * Avenge is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License version 3 as
 * published by the Free Software Foundation.
 *
 * Avenge is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Avenge.  If not, see <http://www.gnu.org/licenses/>.
 */

io-list-box
{
  position: relative;
  box-sizing: border-box;
  min-width: 340px;
}

io-list-box,
io-list-box button,
io-list-box [role="listbox"],
io-list-box [role="option"]
{
  margin: 0;
  padding: 0;
  color: #4a4a4a;
  background: #fff;
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
}

io-list-box button,
io-list-box [role="listbox"]
{
  box-sizing: inherit;
  width: 100%;
  border: 1px solid #bcbcbc;
  cursor: pointer;
}

io-list-box button,
io-list-box [role="option"]
{
  padding: 8px 32px;
}

io-list-box button[aria-expanded="false"]
{
  color: #059cd0;
  background: #e9f6fc;
  text-transform: uppercase;
}

io-list-box button:focus
{
  outline: none;
}

io-list-box [role="listbox"]
{
  overflow: auto;
  position: absolute;
  bottom: 100%;
  max-height: 310px;
  margin-bottom: -1px;
  border: 1px solid #9b9b9b;
}

io-list-box [role="option"][aria-disabled="true"],
io-list-box [role="option"][aria-disabled="true"].hover
{
  background: #eee;
  cursor: default;
}

io-list-box [role="option"].hover
{
  background: #e1f2fa;
}

io-list-box [role="option"][aria-selected="true"]
{
  background-image: url(icons/checkmark.svg?default#default);
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 20px 20px;
}

html[dir="rtl"] io-list-box [role="option"][aria-selected="true"]
{
  background-position: calc(100% - 8px) center;
}
